<template>
  <div class="poptip-demo">
    <h3 class="title">普通的提示</h3>
    <div>
      <d-poptip content="确定删除此段工作经历，是否永久删除？" @confirm="confirm">
        <d-button color="primary">删除</d-button>
      </d-poptip>
      <d-poptip content="确定删除？" @confirm="confirm">
        <d-button icon="d-icon-trash" :text="true" text-color="green"></d-button>
      </d-poptip>
    </div>
  </div>
</template>

<script>
export default {
  name: 'poptipDemo',
  methods: {
    confirm () {
      this.$Message.success('删除成功')
    }
  }
}
</script>

<style lang="stylus" scoped>
// .poptip-demo
</style>
